<template>
  <div style="padding: 1rem">
    <div class="demo-inner-divider">简单型</div>
    <DemoSimple />

    <div class="demo-inner-divider" style="margin-top: 3rem">自适应型</div>
    <DemoAdaptive />
    <searchPane-md class="markdown-body"></searchPane-md>
  </div>
</template>
<script>
import DemoSimple from './Simple'
import DemoAdaptive from './Adaptive'
import searchPaneMd from '../../../docs/searchPane.md'
export default {
  components: {
    searchPaneMd,
    DemoSimple,
    DemoAdaptive
  }
}
</script>
<style>
  .demo-inner-divider {
    color: #6F7D96;
    font-size: 14px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 1rem;
    padding-bottom: 3px;
  }
  </style>
